<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <style type="text/css" rel="stylesheet" media="all">
        /* Media Queries */
        @media  only screen and (max-width: 500px) {
            .button {
                width: 100% !important;
            }
        }

        @media  only screen and (max-width: 600px) {
            .button {
                width: 100% !important;
            }
            .mobile {
                max-width: 100%;
                display: block;
                width: 100%;
            }
        }
    </style>
</head>



<body style="margin: 0; padding: 0; width: 100%; background-color: #F2F4F6;">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td align="center" class="mobile">
                <table width="600" style="max-width: 100%; padding: 12px;text-align: left;" cellpadding="0" cellspacing="0" class="mobile">
                    <tr>
                        <td style="width: 100%; margin: 0; padding: 0; background-color: #F2F4F6;" align="center">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <!-- Logo -->
                                <tr>
                                    <td style="padding: 25px 0; text-align: center;">
                                        <a style="font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif; font-size: 24px; font-weight: 400; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white;" href="https://xueyuanjun.com" target="_blank">
                                            学院君
                                        </a>
                                    </td>
                                </tr>

                                <!-- Email Body -->
                                <tr>
                                    <td style="width: 100%; margin: 0; padding: 0; border-top: 4px solid #f4645f; border-bottom: 1px solid #EDEFF2; background-color: #FFF;" width="100%">
                                        <table style="width: auto; max-width: 100%; margin: 0 auto; padding: 0;" align="center" width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td style="font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif; padding: 35px;">

                                                    <!-- Greeting -->
                                                                                                        <h1 style="margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left;">
                                                                                                                    感谢您加入学院君！
                                                                                                            </h1>
                                                    
                                                    <!-- Intro -->
                                                                                                            <p style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 1.5em;">
                                                            请点击下面的按钮确认您的Email地址：
                                                        </p>
                                                    
                                                    <!-- Action Button -->
                                                                                                            <table style="width: 100%; margin: 30px auto; padding: 0; text-align: center;" align="center" width="100%" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td align="center">
                                                                    
                                                                    <a href="https://xueyuanjun.com/register/confirm/OgQlOB03D1iunO4iF83Caoz1"
                                                                       style="font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif; display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px;
                 background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px;
                 text-align: center; text-decoration: none; -webkit-text-size-adjust: none; background-color: #f4645f;"
                                                                       class="button"
                                                                       target="_blank">
                                                                        确认Email
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    
                                                    <!-- Outro -->
                                                    

                                                    <!-- Sub Copy -->
                                                                                                            <table style="margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2;">
                                                            <tr>
                                                                <td style="font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif;">
                                                                    <p style="margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em;">
                                                                        如果您无法点击“确认Email”按钮，请将下面的网址复制到您的浏览器中打开：
                                                                    </p>

                                                                    <p style="margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em;">
                                                                        <a style="color: #f4645f;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break:break-word;" href="https://xueyuanjun.com/register/confirm/OgQlOB03D1iunO4iF83Caoz1" target="_blank">
                                                                            https://xueyuanjun.com/register/confirm/OgQlOB03D1iunO4iF83Caoz1
                                                                        </a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <!-- Footer -->
                                <tr>
                                    <td>
                                        <table style="width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center;" align="center" width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td style="font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif; color: #AEAEAE; padding: 35px; text-align: center;">
                                                    <p style="margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em;">
                                                        &copy; 2019
                                                        <a style="color: #f4645f;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break:break-word;" href="https://xueyuanjun.com" target="_blank">学院君</a>.
                                                        All rights reserved
                                                    </p>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>


